implicit outer layer
どの@layer .. {..}にも含まれていないstyle
defaultのlayerのようなものmrsekut.icon
どの@layerよりも優先順位が高い
@layerを使わずとも、もともとdefaultのlayerのようなものが存在している
code:html
<div id="container">
<p class="text">hello world</p>
</div>
code:css
/* main layer */
@layer main{
color: blue;
}
}
/* defaultのlayer */
p {
color: red; /* こっちが適用される */
}
このとき、defaultのlayerの方が優先順位が高い
main layerの中でどんだけ詳細度が高くても、 まずlayer同士の優先度が比較されるため、
default layerの方が適用される